$(function () {
  // 登录模块

  // 基于layui的内置API实现自定义表单验证规则
  var form = layui.form

  form.verify({
    // 定义规则：用户名必须是6-8位字符串
    uname: [/^[\S]{6,8}$/, '用户名必须是6-8位字符'],
    // 定义规则：密码必须是6位数
    pwd: function (value) {
      var reg = /^\d{6}$/g
      if (!reg.test(value)) {
        // 不匹配规则
        return '密码必须是6位数字'
      }
    },
    same: function (value) {
      // 判断两次输入的密码是否一致
      // 获取原来的密码
      var oldPwd = $('#reg-form input[name=password]').val()
      if (oldPwd !== value) {
        return '两次输入的密码不一致！'
      }
    }
  })

  // 监听表单提交事件
  $('#login-form').submit(function (e) {
    // 阻止表单的默认行为
    e.preventDefault()
    // 获取表单数据
    var fd = $(this).serialize()
    // 基于Ajax提交表单，验证用户名和密码是否正确
    $.ajax({
      type: 'post',
      url: 'api/login',
      data: fd,
      success: function (res) {
        if (res.status === 0) {
          // 登录成功，缓存token,跳转到主页
          sessionStorage.setItem('mytoken', res.token)
          location.href = './index.html'
        } else {
          alert(res.message)
        }
      }
    })
  })

  // 控制登录表单和注册表单的切换
  $('#login-form a').click(function () {
    // 去注册
    $('#login-form').hide()
    $('#reg-form').show()
  })
  $('#reg-form a').click(function () {
    // 去登录
    $('#login-form').show()
    $('#reg-form').hide()
  })

  // 注册用户
  $('#reg-form').submit(function (e) {
    e.preventDefault()
    var fd = $(this).serialize()
    $.ajax({
      type: 'post',
      url: 'api/reguser',
      data: fd,
      success: function (res) {
        if (res.status === 0) {
          // 注册成功，显示登录表单
          $('#reg-form a').click()
        } else {
          alert(res.message)
        }
      }
    })
  })
})